Practical Internet 2002 November

home *** CD-ROM | disk | FTP | other *** search

/ Practical Internet 2002 November / Practical Internet November 2002.iso / pc / Software / Workshops / gg_setup.exe / #setuppath# / ggcss.exe / help.asp < prev next >

Wrap

Text File | 2002-04-29 | 17.0 KB | 324 lines

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> </head> <body background="images/dark_blue.jpg" topmargin="0" leftmargin="0" link="#C0C0C0" vlink="#C0C0C0" alink="#FF0000" text="#C0C0C0"> <table border="1" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="100%" id="AutoNumber4" bgcolor="#000080" cellpadding="0"> <tr> <td width="94%" bgcolor="#003C80"> <a href="cfg.asp" style="text-decoration: none">Preferences</a></td> <td width="106%" bgcolor="#003C80"> <a name=00HELP.top>Help</A> </td> </tr> </table> 1. <a href="#06HELP.webdropbox">About the "Web Drop Box"</a> 2. <a href="#02HELP.previeweb"> How do I preview my webpage?</a> 3. <a href="#01HELP.linkcss"> How do I add a linked style sheet to my webpage?</a> 4. <a href="#03HELP.fieldsnbuttons">Why aren't my fields or buttons changing style?</a> 5. <a href="#04HELP.cssissues"> G-G CSS and browser compatibility</a> 6. <a href="#05HELP.keepinmind">Things to keep in mind when using G-G CSS</A> 7. <a href="#07HELP.fontsetup">Setting up your fonts</a> 8. <a href="#08HELP.manualediting">Manually editing your style sheet</a> 1. <A name=06HELP.webdropbox>About the "Web Drop Box" </a> <a href="#00HELP.top">Top</a> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFFFF" width="90%" height="121"> <tr> <td width="11%" height="121"> <img border="2" src="images/help/desk_top.jpg"></td> <td width="89%" height="120"> Any files you put into the "web drop box" are instantly served by G-G CSS. To preview changes to your web pages in real-time you can do any of the following. 1. Copy your web page or website to the web drop box. or 2. Copy ggcss.exe to the folder where your web page or website is located. or 3. Install ggcss directly into the folder where your web page or website is located.</td> </tr> </table> </div> 2. <A name=02HELP.previeweb>How do I preview my webpage?</A> <a href="#00HELP.top">Top</a> First go to the configuration menu and select a web page. <img border="2" src="images/help/change_homepage.jpg"> After you've selected a web page and its linked style sheet, test it by clicking the "home" button. It is recommended that you refresh your browser after making this change, this can be done with the F5 key. <img border="2" src="images/help/go_homepage.jpg"> 3. <A name=01HELP.linkcss>How do I add a linked style sheet to my webpage?</A> <a href="#00HELP.top">Top</a> There are a few different ways of adding a style sheet to your web page(s). We recommend linking your style sheet, this can be done by simply adding the highlighted code between the <head> and </head> tags of your web page(s) and specifying the name of your style sheet as shown below. <head> <link rel="stylesheet" href="your_style_sheet.css" type="text/css"> </head> 4. <A name=03HELP.fieldsnbuttons>Why aren't my fields or buttons changing style?</A> <a href="#00HELP.top">Top</a> You need to make sure your buttons and fields have a class assigned to them. Ex1. This is a text field without a class specified: <input type="text" name="f1" size="20"> Ex2. The class "fields" is specified in this example: <input type="text" name="f1" size="20" class="fields"> Note: "fields" and "buttons" are only the default classes, If your web pages use other classes you can specify them in the configuration menu. <img border="2" src="images/help/update_class.jpg"> 5. <A name=04HELP.cssissues>G-G CSS and browser compatibility:</A> <a href="#00HELP.top">Top</a> Recommended browsers are IE5.5 or higher and/or NN6 or higher. 6. <a name=05HELP.keepinmind>Things to keep in mind when using G-G CSS</A> <a href="#00HELP.top">Top</a> Just as IIS and PWS are web servers G-G CSS also contains a built in web server which runs on port 5050, this enables you to preview your progress. It's important to keep this in mind when you're serving certain files, for example you wouldn't want to keep upload scripts in the same directory or even subdirectories of G-G CSS. If a hacker spotted your server and knew the location of your upload script he could potentially upload malicious code etc. you get the point. This is why we recommended shutting down G-G CSS when it's not in use as a good security measure. To exit G-G CSS right click on the @ icon on your taskbar and left click exit. <img border="2" src="images/help/close_ggcss.jpg"> 7. <a name=07HELP.fontsetup>Setting up your fonts <a/> <a href="#00HELP.top">Top</a> Choosing between system fonts and recommended fonts: System fonts are the fonts installed on your computer, recommended fonts are fonts that we chose because of their common use on the web. You can switch between either set of fonts on the fly by using the radio buttons in the configuration menu. <img border="2" src="images/help/slct_fonts.jpg"> If you feel the need to customize the list of recommended fonts simply click on the word "recommended" and you'll see a menu similar to the one below. <img border="2" src="images/help/edit_fonts.jpg"> <a name=08HELP.manualediting>8. Manually editing your style sheet</a> <a href="#00HELP.top">Top</a> Warning: Manual editing should only be used as a final step, for example deleting Headings 2-6 from your style sheet or adding something extra. If you manually edit first, then use G-G CSS's tools to edit your style sheet, your work will be overwritten automatically. To manually edit your style sheet you need to go to the configuration menu, click on the "View CSS" link and on the CSS preview page click on the "Edit Manually" link. </body> </html>